﻿<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<%-- 
    Document   : index
    Created on : Jan 27, 2013, 11:36:01 PM
    Author     : onur
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="${pageContext.request.contextPath}/css/theme.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.9.1.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-ui-1.10.2.custom.min.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/app.js"></script>
        <script type="text/javascript" src="${pageContext.request.contextPath}/js/welcomeModule.js"></script>
        <title>Welcome To MyCases</title>
        
    </head>
    <body>

    <div class="sayfa-genel">
            <jsp:include page="/part/header.jsp?logged=no&mode=home" ></jsp:include>
            <div class="baslik-wrapper">
                <div class="baslik">
                    <div class="hosgeldiniz container row-fluid">
                        <div class="span8">
                            <p class="txt1">
                                Mycases'e 
                            </p>
                            <p class="txt2">
                                Hoş Geldiniz
                            </p>
                            
                            <p class="kisa-yazi">
                                Mycases sizin sevdiğiniz eserler, romanlar, filmler,
                                dergiler, albümler, bunları oluşturan sanatçılar ve
                                sizin aranızda bağlantı oluşturmak için tasarlanan 
                                bir sosyal platformdur.
                            </p>
                            
                        </div>
                        <div class="span4" >
                            <h1 class="ww-baslik">
                                Kayıt Ol
                            </h1>
                            <form action="${pageContext.request.contextPath}/sign/register" method="post">
                                
                                <div class="clearfix row-fluid">
                                    <div class="span6 row-fluid">
                                        <input id="txtIsim" class="span12" name="name" type="text" placeholder="Isim">
                                    </div>
                                    <div class="span6 row-fluid">
                                        <input id="txtSoyisim" class="span12" name="srname" type="text" placeholder="Soyisim">
                                    </div>                                    
                                </div>
                                <div class="clearfix row-fluid">
                                    <div class="span12 row-fluid">
                                        <input id="txtEmail" class="span12" name="email" type="text" placeholder="e-mail">
                                    </div>
                                </div>
                                <div class="clearfix row-fluid">
                                    <div class="span12 row-fluid">
                                        <input id="txtEmail2" class="span12" type="text" placeholder="e-mail tekrar">
                                    </div>
                                </div>
                                <div class="clearfix row-fluid">
                                    <div class="span12 row-fluid">
                                        <input id="txtPassw" class="span12" name="passw" type="password" placeholder="Şifre">
                                    </div>
                                </div>
                                <div class="clearfix row-fluid">
                                    <input type="submit" class="btn btn-primary span12" value="Başla">
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            
            <div id="slider" class="el-block-center el-block slider-wrapper">
                <div class="slider-nav">
                    <ul class="nav-body">
                        <!--
                        <li class="nav-button" href="#"></li>
                        <li class="nav-button" href="#"></li>
                        <li class="nav-button" href="#"></li>
                        <li class="nav-button" href="#"></li>
                        -->
                    </ul>
                </div>
                
                <ul class="slider-scroll">
                    <li class="slide-content">
                        <img src="${pageContext.request.contextPath}/img/frames/kitap.png">
                        </img>
                        <div class="slide-message-wrap">
                            <h1 class="msg-header">
                                Merhaba Dünya!
                            </h1>
                            <p class="msg-body">
                                Kitaplar Kitaplar Kitaplar...Kitaplar Kitaplar Kitaplar... <br/>
                                Kitaplar Kitaplar Kitaplar...
             sdasfdadfadsdddddddddddddddddddddddddddddddddddddddddddddddddddddddddd               </p>
                        </div>                    
                    </li>
                    <li class="slide-content">
                        <img src="${pageContext.request.contextPath}/img/frames/concert.png">
                        </img>
                        <div class="slide-message-wrap">
                            <h1 class="msg-header">
                                Merhaba Dünya!
                            </h1>
                            <p class="msg-body">
                                Kitaplar Kitaplar Kitaplar...Kitaplar Kitaplar Kitaplar... <br/>
                                Kitaplar Kitaplar Kitaplar...
                            </p>
                        </div>
                    </li>
                    <li class="slide-content">
                        <img src="${pageContext.request.contextPath}/img/frames/friendship.png">
                        </img>
                        <div class="slide-message-wrap">
                            <h1 class="msg-header">
                                Merhaba Dünya!
                            </h1>
                            <p class="msg-body">
                                Kitaplar Kitaplar Kitaplar...Kitaplar Kitaplar Kitaplar... <br/>
                                Kitaplar Kitaplar Kitaplar...
                            </p>
                        </div>
                    </li>
                    <li class="slide-content">
                        <img src="${pageContext.request.contextPath}/img/frames/friendship2.png">
                        </img>
                        <div class="slide-message-wrap">
                            <h1 class="msg-header">
                                Merhaba Dünya!
                            </h1>
                            <p class="msg-body">
                                Kitaplar Kitaplar Kitaplar...Kitaplar Kitaplar Kitaplar... <br/>
                                Kitaplar Kitaplar Kitaplar...
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- <input type="button" value="sonraki" id="btnNext" style=""> -->
            <div>
                <div class="tanitim row-fluid">
                    <div class="span3 kolon">

                            <div class="image-area">
                                <img src="${pageContext.request.contextPath}/img/kalp.png" alt="">
                            </div>
                            <h1>Kitap</h1>
                            <p class="image-text">
                                Sevdiğiniz, okuduğunuz okuyamadığınız romanlar, kitaplar
                                tüm eserler burada. giriş yapın ve kutunuza ekleyin!                        
                            </p>
                            <a class="btn btn_t" href="#">Daha Fazla</a>
                            <div class="place-keeper">

                            </div>

                    </div>
                    <div class="span3 kolon">
                            <div class="image-area">
                                <img src="${pageContext.request.contextPath}/img/kulaklik.png" alt="">
                            </div>
                            <h1>Müzik</h1>
                            <p class="image-text">
                                Arşivinizdeki müzikleri albümleri burada bulun, arkadaşlarınızla paylaşın.
                                giriş yapın ve kutunuza ekleyin!
                            </p>
                            <a class="btn btn_t" href="#">Daha Fazla</a>
                            <div class="place-keeper">

                            </div>
                    </div>
                    <div class="span3 kolon">
                            <div class="image-area">
                                <img src="${pageContext.request.contextPath}/img/bina.png" alt="">
                            </div>
                            <h1>Yapıtlar</h1>
                            <p class="image-text">
                                Gezdiğiniz gördüğünüz tarihi yapılar, binalar gökdelenler burada!
                                Giriş yapın ve kutunuza ekleyin sevdiklerinizle paylaşın!
                            </p>
                            <a class="btn btn_t" href="#">Daha Fazla</a>
                            <div class="place-keeper">

                            </div>
                    </div>
                    <div class="span3 kolon">
                            <div class="image-area">
                                <img src="${pageContext.request.contextPath}/img/muzisyen.png" alt="">
                            </div>
                            <h1>Sanatçılar</h1>
                            <p class="image-text">
                                Takip ettiğiniz sanatçılar, şarkıcılar, yazarlar, mimarlar ve daha fazlası burada!
                                Giriş yapın ve sevdiğiniz sanatçıları yakından takip etme fırsatı yakalayn!
                            </p>
                            <a class="btn btn_t" href="#">Daha Fazla</a>
                            <div class="place-keeper">

                            </div>
                    </div>
                </div>
                        <!--
                <div class="tanitim-butonlar row-fluid">
                    <div class="span3">
                        <a class="btn" href="#">Daha Fazla</a>
                    </div>
                    <div class="span3">
                        <a class="btn" href="#">Daha Fazla</a>
                    </div>
                    <div class="span3">
                        <a class="btn" href="#">Daha Fazla</a>
                    </div>
                    <div class="span3">
                        <a class="btn" href="#">Daha Fazla</a>
                    </div>
                </div>
                        -->

            </div>
            <div class="footer-closer"></div>
            <div class="footer">
                <div class="footer-content">Developed By <a href="#">Onur Karacalı</a></div>
            </div>
        </div>
    </body>
</html>
